<template>
  <div>
     <a-modal visible="bVisible" title="sTitle" @ok="handleOk">
      <p>Some contents...</p>
      <p>Some contents...</p>
      <p>Some contents...</p>
    </a-modal>
  </div>
</template>

<script st>
import { toRef, onMounted,} from 'vue'
export default {
  name:"DiaLog",
  props:{
    visible:Boolean,
    title:String,
  },
  setup(props) {
    onMounted(logArgument)
    const { visible } = toRef(props);
    const { title } = toRef(props);
    const bVisible = visible;
    const sTitle = title
    const logArgument = () =>{
      console.log('进来了');
    }
    
    const handleOk = () =>{
      console.log("handleOk");
    };
    return{
      handleOk,
      bVisible,
      sTitle,
    }
  }
}
</script>

<style>
  
</style>